import { Button } from 'antd-mobile';
import { useNavigate } from 'react-router-dom';

function HomePage() {
	const navigate = useNavigate();

	return (
		<div>
			<Button
				color='primary'
				size='middle'
				style={{ marginRight: 10 }}
				onClick={() => navigate('/jsError')}
			>
				全局Error
			</Button>

			<Button
				color='primary'
				size='middle'
				style={{ marginRight: 10 }}
				onClick={() => navigate('/promiseError')}
			>
				promise监控
			</Button>

			<Button
				color='primary'
				size='middle'
				style={{ marginRight: 10 }}
				onClick={() => navigate('/resourcesError')}
			>
				资源异常监控
			</Button>

			<Button
				color='primary'
				size='middle'
				style={{ marginRight: 10 }}
				onClick={() => navigate('/exposure')}
			>
				曝光埋点
			</Button>

			<Button
				color='primary'
				size='middle'
				style={{ marginRight: 10 }}
				onClick={() => navigate('/automaticBurialPoint')}
			>
				自动埋点(无痕)
			</Button>

			<Button
				color='primary'
				size='middle'
				style={{ marginRight: 10 }}
				onClick={() => navigate('/xhr')}
			>
				接口监控
			</Button>

			<Button
				color='primary'
				size='middle'
				style={{ marginRight: 10 }}
				onClick={() => navigate('/longTask')}
			>
				长任务监控
			</Button>

			<Button
				color='primary'
				size='middle'
				style={{ marginRight: 10 }}
				onClick={() => navigate('/behaviorRecorder')}
			>
				用户行为录制
			</Button>
		</div>
	);
}

export default HomePage;
